<style lang="sass" scoped>
    .block{
        overflow:hidden;
        text-align:center;
        margin-top:100px;
        h1{
            font-size:22px;
        }
        li{
            display:inline-block;
            padding:50px;
            background:#f4f4f4;
            border:solid 1px #ddd;
            margin:50px 50px;
            font-size:20px;
            &:hover{
                background:#bbb;
                color:red;
                cursor:pointer;
            }
        }
    }

</style>

<template>
<div class="container-fluid">
    <div class="block">
         <h1>请选择需要发布的系统类型</h1>
         <ul>
             <li @click="goToRouter('distHome')">集成环境</li>
             <li @click="goToRouter('testHome')">测试环境</li>
         </ul>
    </div>
</div>
</template>

<script>
    export default {
        components: {
           
        },
        data(){
            return {
                
            }
        },
        mounted() {
            this.$nextTick(()=>{
            

            })
        },
        methods: {
            goToRouter(name){
                this.$router.push({ name:name })
            },
        }
    }
</script>


